<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <link type="image/x-icon" href="/favicon.ico" rel="icon" />
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
    <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css" />
    <link rel="stylesheet" type="text/css" href="css/index.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.min.css">
    <script src="js/rem.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div id="header"></div>
    <!-- banner开始 -->
    <div class="banner">
        <ul class="owl-carousel">
            <li>
                <a href="javascript:;">
                    <img src="images/index_banner.png" alt="" class="img-pc"/>
                    <!--1920*960-->
                    <div class="text">
                        <h4 class="chinese">坚 不 可 摧 的 国 家 安 全 屏 障</h4>
                        <h4 class="english">NATIONAL SECURITY IMPREGNABLE BARRIER</h4>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/index_banner.png" alt="" class="img-pc" />
                    <div class="text">
                        <h4 class="chinese">第二张</h4>
                        <h4 class="english">NATIONAL SECURITY IMPREGNABLE BARRIER</h4>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/index_banner.png" alt="" class="img-pc" />
                    <div class="text">
                        <h4 class="chinese">第三张</h4>
                        <h4 class="english">NATIONAL SECURITY IMPREGNABLE BARRIER</h4>
                    </div>
                </a>
            </li>
        </ul>
        <img src="images/banner_icon.png" class="icon" alt="">
        <!-- 24*56 -->
    </div>
    <!-- banner结束 -->
    <!-- 产品中心开始 -->
    <div class="product paddingTop100" style="background: url(images/product_index.png) no-repeat center;"><!-- 1920*960 -->
        <div class="container">
            <div class="title-box clearfix">
                <h4 class="title fl">产品中心<span>Product center</span></h4>
                <ul class="product-nav fr clearfix">
                    <li class="fl active">全部</li>
                    <li class="fl">明星产品</li>
                    <li class="fl">安检类</li>
                    <li class="fl">排爆类</li>
                    <li class="fl">特种装备类</li>
                    <li class="fl">食药环侦类</li>
                    <li class="fl">禁毒类</li>
                    <li class="fl">侦查类</li>
                    <li class="fl">救援类</li>
                    <li class="fl">防护类</li>
                    <li class="fl">单警装备类</li>
                    <li class="fl">通讯类</li>
                </ul>
            </div>
            <div class="product-box marginTop55">
                <ul class="cont clearfix">
                    <li class="fl">
                        <div class="pic"> <a href="productDetail.html"><img src="images/product_index1.png" alt=""> </a></div>
                        <div class="text"> <a href="productDetail.html">可碰撞无人机Elios</a></div>
                        <!-- 275*186 -->
                </li>
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                    <li class="fl">
                        <div class="pic"> <a href="productDetail.html"><img src="images/product_index1.png" alt=""> </a></div>
                        <div class="text"> <a href="productDetail.html">可碰撞无人机Elios</a></div>
                        <!-- 275*186 -->
                </li>
                    <li class="fl">
                            <div class="pic"> <a href="productDetail.html"><img src="images/product_index1.png" alt=""> </a></div>
                            <div class="text"> <a href="productDetail.html">可碰撞无人机Elios</a></div>
                            <!-- 275*186 -->
                    </li>
                </ul>
                <ul class="cont clearfix" style="display: none;">第二部分</ul>
                <ul class="cont clearfix" style="display: none;">第三部分</ul>
                <ul class="cont clearfix" style="display: none;">第四部分</ul>
                <ul class="cont clearfix" style="display: none;">第五部分</ul>
                <ul class="cont clearfix" style="display: none;">第六部分</ul>
                <ul class="cont clearfix" style="display: none;">第七部分</ul>
                <ul class="cont clearfix" style="display: none;">第八部分</ul>
                <ul class="cont clearfix" style="display: none;">第九部分</ul>
                <ul class="cont clearfix" style="display: none;">第十部分</ul>
                <ul class="cont clearfix" style="display: none;">第十一部分</ul>
                <ul class="cont clearfix" style="display: none;">第十二部分</ul>
            </div>
        </div>
    </div>
     <!-- 产品中心结束 -->
     <!-- 直属领域开始 -->
    <div class="immediate paddingTop100" style="background: url(images/immediate_index.png) no-repeat center;">
        <div class="container">
            <div class="title-box clearfix">
                <h4 class="title fl">直属领域<span>Immediate field</span></h4>
            </div>
            <div class="immediate-box marginTop55">
                <ul class="immediate-nav clearfix">
                    <li class="active fl">食药环侦</li>
                    <li class="fl">禁毒领域</li>
                    <li class="fl">特勤领域</li>
                    <li class="fl">铁路领域</li>
                </ul>
                <ul class="immediate-button clearfix">
                    <li class="prev fl"></li>
                    <li class="next fl"></li>
                </ul>
                <div>
                    <div class="cont clearfix">
                        <div class="img fl">
                            <a href="immediate.html"><img src="images/immediate.png" alt=""> </a>
                            <!-- 780*460 -->
                        </div>
                        <div class="text fl">
                            <a href="immediate.html">
                                <h4>食药环侦</h4>
                                <p class="p">公司自成立以来，始终秉持以人才为本、 诚信立业的经营原则</p>
                            </a>
                            
                        </div>
                    </div>
                    <div class="cont clearfix" style="display: none;">
                         <div class="img fl">
                            <a href="immediate.html"><img src="images/immediate.png" alt=""> </a>
                            <!-- 780*460 -->
                        </div>
                        <div class="text fl">
                            <a href="immediate.html">
                                <h4>禁毒领域</h4>
                                <p class="p">公司自成立以来，始终秉持以人才为本、 诚信立业的经营原则</p>
                            </a>
                        </div>
                    </div>
                    <div class="cont clearfix" style="display: none;">
                         <div class="img fl">
                             <a href="immediate.html"><img src="images/immediate.png" alt=""></a>
                             <!-- 780*460 -->
                        </div>
                        <div class="text fl">
                            <a href="">
                                <h4>铁路领域</h4>
                                <p class="p">公司自成立以来，始终秉持以人才为本、 诚信立业的经营原则</p>
                            </a>
                        </div>
                    </div>
                    <div class="cont clearfix" style="display: none;">
                         <div class="img fl">
                             <a href="immediate.html"><img src="" alt=""></a>
                             <!-- 780*460 -->
                        </div>
                        <div class="text fl">
                            <a href="immediate.html">
                                <h4>食药环侦</h4>
                                <p class="p">公司自成立以来，始终秉持以人才为本、 诚信立业的经营原则</p>
                            </a>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
     <!-- 直属领域结束 -->
     <!-- 公司介绍开始 -->
     <div class="company paddingTop100" style="background: url(images/company_index.png) no-repeat center;"><!-- 1920*960 -->
        <div class="container">
            <div class="title-box clearfix">
                <h4 class="title fl">公司介绍<span>Company introduction</span></h4>
            </div>
            <div class="company-box marginTop55 clearfix">
                <div class="right fr">
                    <img src="images/company.png" alt="">
                    <!-- 640*420 -->
                </div>    
                <div class="left fl">
                    <div>
                        <div class="company-text">
                            北京欣特锐盾技术发展有限公司是一家专注警用设备研发和应用的国家级高新技术企业，是全国领先的反恐解决方案供应商。
                            我们拥有热诚的员工和强大的研发能力，专业的科技产品，快速响应客户需求，助力维护国家安全稳定。<br><br>
                            公司总部设在北京，在南昌、广州、长沙、海南、深圳、天津等地设有分支机构。<br><br>
                            公司自成立以来，始终秉持以人才为本、诚信立业的经营原则，荟萃业界精英，将国外先进的信息技术、管理方法及企业经验与企业的
                            具体实际相结合，为客户提供全方位的解决方案，逐步形成强大的人才、技术和品牌优势。并形成一套完整的研发、生产、安装、调试
                            、培训、维护一站式服务体系。公司技术和研发实力雄厚，研发产品 33项，通过国家权威机构检测认证
                        </div>
                        <div class="company-text" style="display: none;">公司资质</div>
                        <div class="company-text" style="display: none;">团队文化</div>
                        <div class="company-text" style="display: none;">分公司介绍</div>
                        <div class="company-text" style="display: none;">国际部</div>
                    </div>
                    
                    <ul class="company-nav clearfix">
                        <li class="fl active">
                            <!-- <i class="company-introduction company-icon"></i> -->
                            <i class="uncheck" style="background: url(images/gongsi.png) no-repeat center;background-size: contain;"></i>
                            <i class="checked" style="background: url(images/gongsi_bg.png) no-repeat center;background-size: contain;"></i>
                            <span>公司介绍</span>
                        </li>
                        <li class="fl">
                             <!-- <i class="company-qualification company-icon"></i> -->
                             <i class="uncheck" style="background: url(images/zhizi.png) no-repeat center;background-size: contain;"></i>
                             <i class="checked" style="background: url(images/zhizi_bg.png) no-repeat center;background-size: contain;"></i>
                             <span>公司资质</span>
                        </li>
                        <li class="fl">
                            <!-- <i class="team-culture company-icon"></i> -->
                            <i class="uncheck" style="background: url(images/wenhua.png) no-repeat center;background-size: contain;"></i>
                            <i class="checked" style="background: url(images/webhua_bg.png) no-repeat center;background-size: contain;"></i>
                            <span>团队文化</span>
                        </li>
                        <li class="fl">
                            <!-- <i class="branch-introduction company-icon"></i> -->
                            <i class="uncheck" style="background: url(images/fengongsi.png) no-repeat center;background-size: contain;"></i>
                            <i class="checked" style="background: url(images/fengongsi_bg.png) no-repeat center;background-size: contain;"></i>
                            <span>分公司介绍</span>
                        </li>
                        <li class="fl">
                            <!-- <i class="international-division company-icon"></i> -->
                            <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                            <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                            <span>国际部</span>
                        </li>
                    </ul>
                </div>
                
               
            </div>
        </div>
     </div>
    
     <!-- 公司介绍结束 -->
     
     <!-- 成功案例开始 -->
    <div class="successful-case paddingTop100" style="background: url(images/success_index.png) no-repeat center;">
        <div class="container">
            <div class="title-box clearfix">
                <h4 class="title fl">成功案例<span>Successful cases</span></h4>
            </div>
            <ul class="owl-carousel marginTop55">
                <li class="clearfix">
                    <div class="right fr">
                        <div class="pic">
                            <a href="successDetail.html">
                                <img src="images/succes.png" alt="">
                            </a>
                            <!-- 480*360 -->
                        </div>
                    </div>
                    <div class="left fl">
                        <h4><a href="successDetail.html">国家应急部消防救援演习装备展<span class="time">2019-06-19</span></a></h4>
                        <p class="p"> <a href="successDetail.html">现场处理机器人（防碰撞无人机）在上合峰会中进行安检巡视。 可巡检高达十几米的大堂及会议室；
                            0.5天可完成人工2天的巡 检工作，</a> </p>
                        <a href="successDetail.html" class="more">MORE&nbsp;&gt;</a>
                    </div>
                  
                </li>
                <li class="clearfix">
                    <div class="right fr">
                        <div class="pic">
                            <a href="successDetail.html">
                                <img src="images/succes.png" alt="">
                            </a>
                            <!-- 480*360 -->
                        </div>
                    </div>
                    <div class="left fl">
                        <h4><a href="successDetail.html">国家应急部消防救援演习装备展<span class="time">2019-06-19</span></a></h4>
                        <p class="p"> <a href="successDetail.html">现场处理机器人（防碰撞无人机）在上合峰会中进行安检巡视。 可巡检高达十几米的大堂及会议室；
                            0.5天可完成人工2天的巡 检工作，</a> </p>
                        <a href="successDetail.html" class="more">MORE&nbsp;&gt;</a>
                    </div>
                  
                </li>
            </ul>
        </div>
    </div>
      <!-- 成功案例结束 -->

    <!-- 新闻中心开始 -->
    <div class="news paddingTop100" style="background: url(images/news_index.png) no-repeat center;">
        <div class="container">
            <div class="title-box clearfix">
                <h4 class="title fl">新闻中心<span>News center</span></h4>
                <ul class="news-nav fr clearfix">
                    <li class="fl active">全部</li>
                    <li class="fl">企业新闻</li>
                    <li class="fl">行业资讯</li>
                </ul>
            </div>
            <div class="news-box news-body marginTop55 clearfix">
                <div class="news-cont">
                    <ul class="clearfix">
                        <li class="fl">
                            <div class="pic">
                                <a href="newsDetail.html"><img src="images/news.png" alt=""></a>
                            <!-- 560*364 -->
                            </div>
                            <div class="text">
                                <a href="newsDetail.html" class="clearfix">
                                <span class="time fl">
                                07-22 
                                <i>2020</i>
                                </span>
                                <div class="cont fl">
                                    <h4>技术部培训可碰撞无人操作演练</h4>
                                    <span class="tel-time">2020-07-22</span>
                                    <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                                </div>
                            </a>
                            </div>
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                    </ul>
                </div>
                <div class="news-cont" style="display: none;">
                    <ul class="clearfix">
                        <li class="fl">
                            <div class="pic">
                                <a href="newsDetail.html"><img src="images/news.png" alt=""></a>
                            <!-- 560*364 -->
                            </div>
                            <div class="text">
                                <a href="newsDetail.html" class="clearfix">
                                <span class="time fl">
                                07-22 
                                <i>2020</i>
                                </span>
                                <div class="cont fl">
                                    <h4>技术部培训可碰撞无人操作演练</h4>
                                    <span class="tel-time">2020-07-22</span>
                                    <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                                </div>
                            </a>
                            </div>
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                    </ul>
                </div>
                <div class="news-cont" style="display: none;">
                    <ul class="clearfix">
                        <li class="fl">
                            <div class="pic">
                                <a href="newsDetail.html"><img src="images/news.png" alt=""></a>
                            <!-- 560*364 -->
                            </div>
                            <div class="text">
                                <a href="newsDetail.html" class="clearfix">
                                <span class="time fl">
                                07-22 
                                <i>2020</i>
                                </span>
                                <div class="cont fl">
                                    <h4>技术部培训可碰撞无人操作演练</h4>
                                    <span class="tel-time">2020-07-22</span>
                                    <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                                </div>
                            </a>
                            </div>
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                        <li class="fl">
                        <div class="text">
                            <a href="newsDetail.html" class="clearfix">
                            <span class="time fl">
                                07-22 
                                <i>2020</i>
                            </span>
                            <div class="cont fl">
                                <h4>技术部培训可碰撞无人操作演练</h4>
                                <span class="tel-time">2020-07-22</span>
                                <h5>我司参与各类禁毒相关事项并在全国进行了积极的推广工作，全面贴合...</h5>
                            </div>
                                </a>
                            </div>
                        
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
     <!-- 新闻中心结束 -->
     <div id="footer"></div>
    
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/owl.carousel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/commin.js"></script>
    <script>
        $(function() {
            $(".banner .owl-carousel").owlCarousel({
                loop: true,
                autoplay: true,
                nav: false,
                dots: true,
                autoplayTimeout: 5000,
                responsive: {
                    0: {
                        items: 1
                    }
                }
            });
            // banner 上的下移图标
            $('.banner .icon').click(function(){
                var _bannerHeight = $('.banner').height() - 100;
                $('html, body').animate({scrollTop:_bannerHeight}, 500);
            })

            // 产品中心分类点击
            $('.product-nav').on('click','li',function(){
                var that = $(this);
                that.addClass('active').siblings().removeClass('active')
                var index = that.index();
                $('.product-box .cont').eq(index).show().siblings('.cont').hide()
            })

            
            // 直属领域点击
            $('.immediate-nav').on('click','li',function(){
                var that = $(this);
                that.addClass('active').siblings().removeClass('active')
                var index = that.index();
                $('.immediate-box .cont').eq(index).show().siblings('.cont').hide()
            })
            //下一个
            $('.immediate-button').on('click','.next',function(){
                var index =  $('.immediate-nav li.active').index();
                var _length = $('.immediate-nav li').length;
                index++
                if(index == _length){
                    index = 0
                }
                $('.immediate-nav li').eq(index).addClass('active').siblings('li').removeClass('active')
                $('.immediate-box .cont').eq(index).show().siblings('.cont').hide()
            })
            // 上一个
            $('.immediate-button').on('click','.prev',function(){
                var index =  $('.immediate-nav li.active').index();
                var _length = $('.immediate-nav li').length;
                if(index == 0){
                    index = _length
                }
                index--;
                $('.immediate-nav li').eq(index).addClass('active').siblings('li').removeClass('active')
                $('.immediate-box .cont').eq(index).show().siblings('.cont').hide()
            })

            //公司介绍
            $('.company-nav').on('click','li',function(){
                var that = $(this);
                that.addClass('active').siblings().removeClass('active')
                var index = that.index();
                $('.company-box .company-text').eq(index).show().siblings('.company-text').hide()
            })

            $(".successful-case .owl-carousel").owlCarousel({
                loop: true,
                autoplay: false,
                nav: true,
                dots: true,
                autoplayTimeout: 5000,
                responsive: {
                    0: {
                        items: 1
                    }
                }
            });

            $('.news-nav').on('click','li',function(){
                var that = $(this);
                that.addClass('active').siblings().removeClass('active')
                var index = that.index();
                $('.news-box .news-cont').eq(index).show().siblings('.news-cont').hide()
            })
            
        })
    </script>
    
</body>
</html>